.AnimatedComponent {
  width: 100px;
  height: 100px;
  margin: 50px;
  background-color: green;
}

.AnimatedPseudoElement:after {
  content: '';
  display: block;
  width: 100px;
  height: 100px;
  background-color: blue;
}

.CSSTransition {
  transition: transform 1s;
  transform: rotate(0deg);
}

.CSSTransition-on {
  transform: rotate(360deg);
}

.CSSTransition-will-change {
  will-change: transform;
}

.CSSAnimation,
.AnimatedPseudoElement:after {
  animation: 1.5s AnimatedComponent-spin infinite normal linear;
}

@keyframes AnimatedComponent-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
